<template>
    <el-container>
        <app-header></app-header>
        <el-container>
            <app-nav></app-nav>
            <app-main></app-main>
        </el-container>
    </el-container>
</template>

<script>
    // 引入子组件
    import AppHeader from './AppHeader'
    import AppNav from './AppNav'
    import AppMain from './AppMain'

    export default {
        data() {
            return {}
        },
        components: {
            AppHeader,
            AppNav,
            AppMain
        }

    }
</script>

<style lang='less' scoped>
    .el-container {
        width: 100%;
        height: 100%;
    }

    .el-header {
        width: 100%;
        position: absolute;
        top: 0;
        background-color: #2d3a4b;
        line-height: 50px;
        min-width: 1366px;
    }
    .el-main {
                margin-top: 60px;

    }

    .el-aside {
        margin-top: 60px;
        background-color: #545c64;
        // height: 100%;
        overflow-y: auto;
    }
</style>